<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>主页</title>
    <style type="text/css">
        @import "css/all_style.css";
        @import "css/index.css"; /*导入样式文件*/
    </style>
    <script src="./js/index.js" type="text/javascript" language="JavaScript"></script>
</head>
<body>
    <div id="header">
        <div id="title">
            <h2>爱音乐</h2>
            <ul>
                <li> <input type="text" class="txt" size="40" placeholder="歌曲、歌手、MV"></li>
            </ul>
            <input type="button" value="搜一搜" id="sou" >
        </div>
            <div id="login">
            <?php
            session_start();
            //如果用户登录，存在用户名
            if(isset($_COOKIE["user"]["xm"])&&$_COOKIE["user"]["xm"]!=""){
//                echo "欢迎您：".$_SESSION['user_id'];
//                $_SESSION['count']+=1;
//                echo "<br>这是你第".$_SESSION['count']."次登录";
                $visnum=intval($_COOKIE["user"]["num"])+1;//刷新后访问次数每次加一
                ini_set('date.timezone','Asia/Shanghai');//设置时区为亚洲/上海
                setcookie("user[dt]",date("Y-m-d H:i:s"),time()+3600);
                setcookie("user[num]",$visnum,time()+3600);
                echo"欢迎您:".$_COOKIE["user"]["xm"];
                echo "<br/>这是您第".$visnum."次访问";
                echo "<br/>您上次访问是在".$_COOKIE["user"]["dt"];
                echo '&nbsp;<a href="logout.php?action=logout">退出登录>>></a>';

            }else{
                echo '
                <ul type="none">
                <li>
                    <button class="login" onclick="rec1()" >登陆</button>
                </li>
                <li>
                    <button class="login" onclick="rec2()" >注册</button>
                </li>
            </ul>';
            }
            ?>
        </div>
    </div>
    <div id="nav">
        <ul>
            <li id="index"><a href="./index.php">首页</a></li>
            <li><a href="./hotlist.php">榜单</a></li>
            <li><a href="./selectlist.php">歌单</a></li>
            <li><a href="./hotsinger.php">歌手</a></li>
            <li><a href="#">MV</a></li>
            <li><a href="#">更多</a></li>
        </ul>
    </div>
<!--        图片轮播-->
        <div id="pic" >
            <img src = "./imgs/1.jpg" class="shown" />
            <img src = "./imgs/2.jpg" class="hidden" />
            <img src = "./imgs/3.jpg" class="hidden" />
            <img src = "./imgs/4.jpg" class="hidden" />

            <ul id = "imgcount">
                <li onClick="thisimg(0)" >1</li>
                <li onClick="thisimg(1)" >2</li>
                <li onClick="thisimg(2)" >3</li>
                <li onClick="thisimg(3)" >4</li>
            </ul>

        </div>
    <div id="content">

        <div id="c1">
            <div id="list">
                <img src="./imgs/selectlist.jpg">
                <a href="./selectlist.php">更多>>></a>
            </div>
            <ul>
                <li><img src="./imgs/gedan1.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/gedan1.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/gedan1.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/gedan1.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/gedan1.jpg" width="190" height="190"><p>文字文字文字</p></li>
            </ul>
        </div>
        
        <div id="c2">
            <div id="list">
                <img src="./imgs/hotsinger.jpg">
                <a href="./hotsinger.php">更多>>></a>
            </div>
            <ul>
                <li><img src="./imgs/deng.jpg" width="190" height="190"><p>G.E.M.邓紫棋</p></li>
                <li><img src="./imgs/deng.jpg" width="190" height="190"><p>G.E.M.邓紫棋</p></li>
                <li><img src="./imgs/deng.jpg" width="190" height="190"><p>G.E.M.邓紫棋</p></li>
                <li><img src="./imgs/deng.jpg" width="190" height="190"><p>G.E.M.邓紫棋</p></li>
                <li><img src="./imgs/deng.jpg" width="190" height="190"><p>G.E.M.邓紫棋</p></li>
            </ul>

        </div>
        
        <div id="c3">
            <div id="list">
                <img src="./imgs/hotlist.jpg">
                <a href="./hotlist.php">更多>>></a>
            </div>
            <ul>
                <li><img src="./imgs/zhoujielun.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/zhoujielun.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/zhoujielun.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/zhoujielun.jpg" width="190" height="190"><p>文字文字文字</p></li>
                <li><img src="./imgs/zhoujielun.jpg" width="190" height="190"><p>文字文字文字</p></li>
            </ul>
        </div>
    </div>
    <div id="footer">
        <div id="txt">
            <p>Copyright&nbsp;2019&nbsp;laiyingang</p>
        </div>
    </div>
</body>
</html>
